<template>
  <!-- #region template -->
  <BContainer
    fluid
    class="text-light text-center"
  >
    <BRow class="mb-3">
      <BCol
        md="4"
        class="p-3 bg-info"
        >md="4"</BCol
      >
      <BCol
        md="4"
        class="ms-auto p-3 bg-info"
        >md="4" .ml-auto</BCol
      >
    </BRow>

    <BRow class="mb-3">
      <BCol
        md="3"
        class="ms-md-auto p-3 bg-info"
        >md="3" .ml-md-auto</BCol
      >
      <BCol
        md="3"
        class="ms-md-auto p-3 bg-info"
        >md="3" .ml-md-auto</BCol
      >
    </BRow>

    <BRow>
      <BCol
        cols="auto"
        class="me-auto p-3 bg-info"
        >cols="auto" .mr-auto</BCol
      >
      <BCol
        cols="auto"
        class="me-auto p-3 bg-info"
        >cols="auto" .mr-auto</BCol
      >
      <BCol
        cols="auto"
        class="p-3 bg-info"
        >cols="auto"</BCol
      >
    </BRow>
  </BContainer>
  <!-- #endregion template -->
</template>
